<template>
  <div class="card">
    <!-- 其他内容 -->
    <iframe class="iframe" src="https://cn.vuejs.org" frameborder="0"></iframe>
  </div>
</template>

<style lang="scss" scoped>
.card {
  width: 100%;
  height: 100%;
  display: flex; /* 使用Flexbox布局 */
  align-items: stretch; /* 为子元素垂直方向拉伸 */
}

.iframe {
  flex: 1; /* 子元素自动占据剩余空间 */
  width: 100%;
  height: 100%;
}
</style>